<template>
  <div class="business-fields">

    <!-- <el-form :model="props.businessFields" :inline="true" label-width="120px">
      <div v-for="(field, key) in props.businessFields" :key="key" class="b-inner-item">
        <el-form-item :label="field.label+':'">
          <span>{{ field.value }}</span>
        </el-form-item>
      </div>
    </el-form> -->
    <el-descriptions :column="1" border>
      <el-descriptions-item v-for="(field, key) in props.businessFields" :key="key"  :label="field.label" min-width="120">
        {{ field.value }}
      </el-descriptions-item>
    </el-descriptions>

  </div>
</template>
<script lang="ts" setup>
const props = defineProps<{
  businessFields: Object,
}>()

onMounted(() => {
  console.log(props.businessFields)
})

</script>
<style scoped>
.business-fields{
    width: 66.66%;
    margin: 0 auto;
}
</style>
